<ul class="nav nav-tabs justify-content-center" style="background-color: white;opacity: 0.8">
    {% for i in type %}
        <li class="nav-item ">
            <a class="nav-link " aria-current="page" href="#">{{ i.type }}</a>
        </li>
    {% endfor %}
</ul>